$rem:1rem;
@mixin  size($width,$height,$back){
	width:$width;
	height:$height;
	background:$back no-repeat;
}
@mixin bgs($width){
	background-size:$width/75*$rem 100%;
}
@mixin margin($top,$left){
	margin-top:$top/75*$rem;
	margin-left:$left/75*$rem;
}
@mixin pad($top,$left){
	padding-top:$top/75*$rem;
	padding-left:$left/75*$rem;
}
@mixin flex($space,$item){
    display: flex;
    justify-content: $space;
    align-items: $item;
}
@mixin font($font,$line,$color){
	font-size:$font/75*$rem;
    line-height:$line/75*$rem;
    color:$color;
}
@mixin border($color){
	
}
@mixin po($top,$left,$index){
	position:absolute;
	top:$top/75*$rem;
    left:$left/75*$rem;
    z-index:$index;
}
@mixin border-1px($color){
    left: 0;
    bottom: 0;
    border-top:1px solid $color;
    width: 100%;
    content: '';
    }

 @-webkit-keyframes move {
 	0% {
 	
 	}
 	30% {
 	
 	}
 }
em {
	font-style:normal;
}
body {
	position:relative;
	resize:both;
	z-index:0;
}
.border-1{
	@include border-1px(#f3f5f7);
} 
.fl{
	float:left;
}
.fr{
	float:right;
}
.clearfloat::after{
	content:'';
	display:block;
	clear:both;
}
i {
	font-style:normal;
}
body {
    background:#f7f7f7!important;
}
html {
    font-size: 100%;
}
.van-pull-refresh{
    -webkit-overflow-scroll:touch ;
}

.loadOver {
	padding: 15px 0;
	text-align: center;
	color: #999999;
    font-size: 14px;
    width: 100%;
    overflow: hidden;
    margin-bottom: 0/75*$rem;
    
}
#app {
    height: 100%;
    width: 100%;
    position: relative;
}
.van-ellipsis {
    cursor: pointer;
}
.index-data {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 25px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    .mainimg {
        display: inline-block;
        max-height:355/75*$rem!important;
        cursor: pointer;
    }
    .van-swipe-item img {
        width: 750/75*$rem!important
    }
    .mians {
        .upimggroup{
            padding:28/75*$rem 20/75*$rem;
            background: #fff;
            .topimg {
                display: flex;
                width: 710/75*$rem;
                height:200/75*$rem;
                border-radius: 5px;
                img{
                    border-radius:5px;
                    cursor: pointer;
                }
            }
            .downimg {
                display: inline-block;
                width: 344/75*$rem;
                max-height:180/75*$rem;
                margin-top: 16/75*$rem;
                img {
                    display: inline-block;
                    max-height:180/75*$rem;
                    border-radius: 5/75*$rem;
                    cursor: pointer;
                }
            }
            .mright {
                margin-right: 22/75*$rem;
            }
        }
    }
    .gray {
        @include size(auto,20/75*$rem,#f7f7f7);
    }
    .navlist {
        @include flex(space-between,center);
        .navdetaio{
            
            @include flex(center,center);
            @include size(100%,88/75*$rem,none);
            @include font(34,88,#333333);
            span{
                position: relative;
            }
        }
        .active {
            @include font(34,88,#FF8E9C);
            span::after{
                position: absolute;
                content:"";
                clear: both;
                bottom: 0;
                left:0;
                @include size(100%,4/75*$rem,#FF8E9C);
            }
        }
    }
    .tabgoods_new {
        background-color: #f7f7f7;
        padding: 16/75*$rem 0 25px 20/75*$rem;
        height: 100%;
        cursor: pointer;
        .goodsgroup {
            margin-bottom: 34/75*$rem;
            border-radius: 30/75*$rem;
            @include size(710/75*$rem,600/75*$rem,#fff);
            border-radius:30/75*$rem;
            box-shadow:0px 3/75*$rem 10/75*$rem 0px rgba(0, 0, 0, 0.16);
            cursor: pointer;
            .mainImgUrl_group{
                position: relative;
                @include size(710/75*$rem,360/75*$rem,none);
                .tabgoods_new_img {
                    @include size(710/75*$rem,360/75*$rem,none);
                    border-radius:30/75*$rem 30/75*$rem 0 0;
                    cursor: pointer;
                }
                .active_num {
                    @include po(290,0,0);
                    @include size(260/75*$rem,50/75*$rem,none);
                    @include font(28,50,#fff);
                    img {
                        position: absolute;
                        left: 0;
                        top:0;
                        z-index: 0;
                        @include size(260/75*$rem,50/75*$rem,none);
                    }
                    span{
                        
                        position: absolute;
                        top: 0;
                        display: inline-block;
                        @include size(260/75*$rem,50/75*$rem,none);
                        //font-family: PingFang-SC-Bold;
                        letter-spacing: 2/75*$rem;
                        font-size: 28/75*$rem;
                        line-height:50/75*$rem ;
                        text-align: center;
                        z-index: 1;
                    }
                }
            }
            .textgooods {
                @include size(100%,240/75*$rem,none);
                position: relative;
                strong{
                    display: block;
                    //font-family: PingFang-SC-Medium;
                    @include margin(18, 20);
                    @include font(32,48,#333333);
                    @include size(670/75*$rem,auto,none);
                    letter-spacing: 3/75*$rem;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }
                .tabgoods_new_count {
                    display: block;
                    @include font(24,40,#999);
                    padding-left: 20/75*$rem;
                }
                .goods_detail {
                    // position: absolute;
                    // bottom: 10/75*$rem;
                    @include size(690/75*$rem,134/75*$rem,none);
                    @include margin(2, 19);
                    .goods_detail_left{
                        @include size(300/75*$rem,auto,none);
                        b{
                            
                            display: block;
                            //font-family: PingFang-SC-Bold;
                            @include font(30,134,#FF8E9C);
                            letter-spacing:-1/75*$rem;
                            span{
                                display: inline-block;
                                @include font(30,134,#FF8E9C);
                            }
                            span:nth-of-type(1){
                                padding-left:6 /75*$rem;
                            }
                        }
                        span{
                            display: block;
                            @include font(22,42,#999999);
                        }
                    }
                   
                    .goods_detail_right{
                        @include size(146/75*$rem,134/75*$rem,none);
                        display: flex;
                        flex-flow: column;
                        margin-right: 19/75*$rem;
                        justify-content: center;
                        cursor: pointer;
                        span{
                            @include size(146/75*$rem,52/75*$rem,#FF8E9C);
                            border-radius: 52/75*$rem;
                            text-align: center;
                            @include font(26,52,#fff);
                            cursor: pointer;
                        }
                    }
                }
            }
        }
        .last{
            margin-bottom: 0;
        }
    }
    .van-tab--active {
        color: #FF8E9C!important;
        font-weight: bold;
    }
    .van-ellipsis{
        font-size: 34/75*$rem;  
    }
    
    
    .tabgoods {
        background-color: #f7f7f7;
        padding: 16/75*$rem 0 25px 20/75*$rem;
        height: 100%;
        .goodsgroup {
            @include size(710/75*$rem,254/75*$rem,#fff);
            border-radius:5/75*$rem;
            position: relative;
            margin-bottom: 27/75*$rem;
            box-shadow:0px 3/75*$rem 10/75*$rem 0px rgba(0, 0, 0, 0.16);
            cursor: pointer;
            .showImg_group {
                position: relative;
                @include margin(16, 16);
                @include size(222/75*$rem,222/75*$rem,none);
                display: flex;
                img:nth-of-type(1){
                    display: block;
                    @include size(222/75*$rem,222/75*$rem,none);
                    cursor: pointer;
                    border-radius: 5/75*$rem;
                }
                img:nth-of-type(2){
                    position: absolute;
                    top:0/75*$rem;
                    left:0/75*$rem ;
                    z-index: 0;
                    @include size(118/75*$rem,118/75*$rem,none);
                }
              
                
            }
            
            .textgooods {
                @include margin(16, 0);
                @include size(472/75*$rem,222/75*$rem,none);
                position: relative;
                
                .name_group {
                    margin-top: 10/75*$rem;
                    margin-left: 19/75*$rem;
                    @include size(442/75*$rem,76/75*$rem,none);
                    overflow: hidden;
                    white-space:pre-line;
                    text-overflow: ellipsis;
                    .top_name{
                        // display: block;
                        //font-family: PingFang-SC-Medium;
                        @include font(30,38,#333333);
                        // font-size: 16px;
                        // line-height: 19px;
                        color: #333333;
                        word-break: break-all;
                       
                        letter-spacing: 2/75*$rem;
                        cursor: pointer;
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 2;
                        overflow:hidden;
                    }
                }
                .goods_detail {
                    position: absolute;
                    bottom: 0;
                    @include size(452/75*$rem,138/75*$rem,none);
                    @include margin(0, 19);
                    .goods_detail_left{
                        margin-top: 48/75*$rem;
                        @include size(290/75*$rem,auto,none);
                        b{
                            
                            display: block;
                            //font-family: PingFang-SC-Bold;
                            @include font(28,42,#FF8E9C);
                            // font-size: 14px;
                            // line-height: 21px;
                            // color: #FF8E9C;
                            letter-spacing:-1/75*$rem;
                            span{
                                position: relative;
                                left:0;
                                display: inline-block;
                                @include font(28,42,#FF8E9C);
                                // font-size: 14px;
                                // line-height: 21px;
                                // color: #FF8E9C;
                            }
                            span:nth-of-type(1){
                                padding-left:6 /75*$rem;
                            }
                        }
                        span{
                            display: block;
                            @include font(22,42,#999999);
                            // font-size: 11px;
                            // line-height: 21px;
                            // color: #999999;
                        }
                    }
                    .goods_detail_right{
                        @include size(146/75*$rem,84/75*$rem,none);
                        position: absolute;
                        top: 48/75*$rem;
                        right: 0;
                        display: flex;
                        flex-flow: column;
                        margin-right: 19/75*$rem;
                        justify-content: center;
                        cursor: pointer;
                        span{
                            @include size(146/75*$rem,52/75*$rem,#FF8E9C);
                            border-radius: 52/75*$rem;
                            text-align: center;
                            @include font(26,52,#fff);
                            // font-size: 13px;
                            // line-height: 26px;
                            // color:#fff;
                            cursor: pointer;
                        }
                        em {
                            font-weight: normal;
                            text-align: center;
                            @include font(26,100,#303030);
                            // font-size: 13px;
                            // line-height: 25px;
                            // color:#303030;
                            cursor: pointer;
                        }
                    }
                    // .voteright {
                    //     position: absolute;
                    //     bottom: 0;
                    //     right: 0;
                    //     margin-right: 19/75*$rem;
                    //     @include font(26,52,#303030);
                    // }
                }
                .goods_detail_clone{
                    @include margin(10, 19);
                    padding-right: 20/75*$rem;
                    position: relative;
                    height: 114/75*$rem;
                    .goods_detail_tio{
                        .currentPrice {
                            display: block;
                            height: 38/75*$rem;
                            font-weight: bold;
                            //font-family: PingFang-SC-Medium;
                            
                            @include font(22,38,#FF8E9C);
                            // font-size: 11px;
                            // line-height: 19px;
                            // color: #FF8E9C;
                            span:nth-of-type(1) {
                                font-weight: bold;
                                @include font(28,36,#FF8E9C);
                                // font-size: 14px;
                                // line-height: 18px;
                                // color: #FF8E9C;
                                padding-left: 8/75*$rem;
                            }
                            span:nth-of-type(2) {
                                @include font(28,36,#FF8E9C);
                                // font-size: 14px;
                                // line-height: 18px;
                                // color: #FF8E9C;
                                // padding-left: 8/75*$rem;
                                font-weight: bold;
                                letter-spacing: -2/75*$rem;
                            }
                        }
                        .topPrice {
                            display: block;
                            height: 28/75*$rem;
                            @include font(22,28,#999);
                            // font-size: 11px;
                            // line-height: 14px;
                            // color: #999;
                            letter-spacing: -1/75*$rem;
                            span:nth-of-type(1) {
                                padding-left: 5/75*$rem;
                            }
                        }
                        .showVoteNum {
                            display: block;
                            margin-top: 22/75*$rem;
                            width: 3.8rem;
                            height: 24/75*$rem;
                            letter-spacing: 2/75*$rem;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            overflow: hidden;
                            em {
                                color: #FF8E9C;
                                letter-spacing: -1/75*$rem;
                            }
                            @include font(22,24,#999);
                            // font-size: 11px;
                            // line-height: 12px;
                            // color: #999;
                        }
                        .center_hide{
                            margin-top:49/75*$rem!important;
                        }
                    }
                    .voteright {
                        position: absolute;
                        bottom: 2/75*$rem!important;
                        right: 20/75*$rem!important;
                        z-index: 1!important;
                        @include font(26,28,#999999);
                        // font-size: 13px!important;
                        // line-height:14px!important ;
                        height: 28/75*$rem!important;
                        // color: #999999;;
                    }
                    .text_button{
                        position: absolute;
                        display: block!important;
                        bottom: -2/75*$rem!important;
                        width:190/75*$rem!important;
                        height: 52/75*$rem!important;
                        background-color:#FF8E9C!important ;
                        @include size(190/75*$rem,52/75*$rem,#FF8E9C);
                        border-radius: 52/75*$rem!important;
                        @include font(24,52,#fff);
                        // color: #fff!important;
                        // font-size: 12px!important;
                        // line-height:26px!important ;
                        text-align: center!important;
                    }
                    .red {
                        color: #FF8E9C;
                    }
                }
                
            }
        }
        .last {
            height:5px;
        }
    }
    .backsource{
        @include pad(16,0);
        padding-bottom: 25px;
        background-color: #f7f7f7;
        cursor: pointer;
        .source_imggroup{
            position: relative;
            cursor: pointer;
            .source_default_groups{
                margin-bottom: 2/75*$rem;
                position: relative;
                @include size(750/75*$rem,422/75*$rem,none);
                .playicon{
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    margin-left:-54/75*$rem;
                    margin-top:-54/75*$rem ;
                    @include size(108/75*$rem,108/75*$rem,none);
                }
                .mask {
                    position: absolute;
                    bottom: 0;
                    @include size(750/75*$rem,211/75*$rem,none);
                    background-image: linear-gradient(-180deg, rgba(255,255,255,0.00) 0%,  rgba(0,0,0,0.30) 100%);
                }
                .source_default {
                    display: inline-block;
                    @include size(100%,422/75*$rem,none);
                }
            }
            .source_imgdetail {
                @include size(100%,108/75*$rem,none);
                padding-left: 32/75*$rem;
                position: absolute;
                bottom: 0;
                z-index: 2;
                text-overflow: ellipsis;
                white-space:nowrap;
                overflow: hidden;
                color: #fff;
                strong {
                    @include font(34,48,#fff);
                    //font-family: PingFangSC-Medium;
                    // letter-spacing:1px;
                }
                .guest_source {
                    //font-family:PingFangSC-Regular;
                    @include margin(6,0);
                    @include font(24,34,#fff);
                    .guest_count_img{
                        @include size(34/75*$rem,32/75*$rem,none);
                        margin-right: 3/75*$rem;
                        margin-top: 2/75*$rem;
                        cursor: pointer;
                    }
                    .guest_count{
                        margin-left:24/75*$rem ;
                    }
                }
            }
        }
        .goodsgroup{
            @include size(750/75*$rem,190/75*$rem,#fff);
            padding-left: 20/75*$rem;
            padding-top: 40/75*$rem;
            border-bottom: .5px solid #EAEDEF;
            cursor: pointer;
            .source_imgdetail{
                color: #BDBDBD;
                @include size(464/75*$rem,auto,none);
                .sourceTitle_group{
                    height:88/75*$rem;
                    strong {
                        @include font(32,44,#303030);
                        //font-family: PingFangSC-Medium;
                        // letter-spacing:1px ;
                        display: -webkit-box;
                        -webkit-box-orient: vertical;
                        -webkit-line-clamp: 2;
                        overflow:hidden;
                    }
                }
                .guest_source{
                    @include size(auto,34/75*$rem,none);
                    margin-top: 6/75*$rem;
                    cursor: pointer;
                    color: #BDBDBD;
                    img {
                        @include size(34/75*$rem,32/75*$rem,none);
                        margin-right: 3/75*$rem;
                        margin-top: 1/75*$rem;
                    }
                    @include font(24,34,#BDBDBD);
                    .guest_count{
                        margin-left:24/75*$rem ;
                        cursor: pointer;
                    }
                }
                
            }
            .goodsshort {
                margin-right: 20/75*$rem;
                @include size(214/75*$rem,120/75*$rem,none);
                position: relative;
                cursor: pointer;
                .goodspic {
                    display: inline-block;
                    @include size(214/75*$rem,120/75*$rem,none);
                    cursor: pointer;
                    border-radius: 8/75*$rem;
                }
                .playpic {
                    position: absolute;
                    top:50% ;
                    left:50% ;
                    margin-left:-26/75*$rem;
                    margin-top:-26/75*$rem;
                    @include size(52/75*$rem,52/75*$rem,none);
                    cursor: pointer;
                }
            }
        }
        .last{
            border-bottom: none;
        }
    }
}
.red {
    color:#FF8E9C ;
}
.van-tabs__line{
    background-color: #FF8E9C!important;
    border-radius: 0!important;
}
.van-tabbar {
    width: 750/75*$rem;
}
.none_data{
    width: 100%;
    position: absolute;
    left:0;
    text-align: center;
    padding-bottom: 80/75*$rem;
    color: #bf9595;
    font-size: 14px;
    margin-top: 80/75*$rem;
    img {
        display: inline-block;
        width: 57px;
        margin-bottom: 10px;
    }
    p{
        text-align: center;
        color:#999 ;
        font-family: '微软雅黑';
        @include font(30,50,#999);
    }
}